﻿<section class="tz-slideshow tz-border-bottom tz-border-shadow" style="margin-top: -87px; min-height: 87px;">
        <div class="container-fluid">
            <div class="tz-inner">
                <div class="box ">
                    <div>
                        <div class="content">
                            <script type="text/javascript" src="/Content/Home_files/jquery.flexslider.js"></script>
                            <div class="tz_slideshow">
                                <div id="tz_Flexslider">
                                    <div id="slider" class="flexslider">
                                        <ul class="slides">
                                            <li style="width: 100%; float: left; margin-right: -100%; position: relative; display: none;" class="">
                                                <div class="info_slide">
                                                    <span class="tz_image">

                                                        <img src="/Content/Home_files/520ae1e640c22tz_portfolio_1376444902_XL.jpg" alt="Plazart Framework">
                                                    </span>
                                                    <div class="sl-description">
                                                        <h3 class="tz_title_slide caption-title">
                                                            <a href="http://demo.templaza.com/j/responsive/index.php/component/tz_portfolio/article/item/10-slide-show/plazart-framework/14">Plazart Framework</a>
                                                        </h3>

                                                        <p class="">
                                                            Integer eget dui lorem. Donec malesuada dapibus ornare. Nulla eros justo, commodo ac auctor vitae, sagittis quis ipsum. Fusce gravida, dolor at euismod vehicula, velit mauris dignissim nunc, eget vestibulum lorem mi et nisi. Nullam condimentum tellus nec nibh pellentesque aliquet.
                                   
                                                        </p>
                                                    </div>

                                                    <div class="bg-slide-overlay"></div>

                                                </div>
                                            </li>
                                            <li style="width: 100%; float: left; margin-right: -100%; position: relative; display: list-item; opacity: 0.015708444444444414;" class="">
                                                <div class="info_slide">
                                                    <span class="tz_image">
                                                        <img src="/Content/Home_files/520ae220bcc70tz_portfolio_1376444960_XL.jpg" alt="5 Color Options">
                                                    </span>
                                                    <div class="sl-description">
                                                        <h3 class="tz_title_slide caption-title">
                                                            <a href="http://demo.templaza.com/j/responsive/index.php/component/tz_portfolio/article/item/10-slide-show/5-color-options/15">5 Color Options</a>
                                                        </h3>

                                                        <p class="">
                                                            This is a great theme. Donec malesuada dapibus ornare. Nulla eros justo, commodo ac auctor vitae, sagittis quis ipsum. Fusce gravida, dolor at euismod vehicula, velit mauris dignissim nunc, eget vestibulum lorem mi et nisi. Nullam condimentum tellus nec nibh pellentesque aliquet.
                                   
                                                        </p>
                                                    </div>

                                                    <div class="bg-slide-overlay"></div>

                                                </div>
                                            </li>
                                            <li style="width: 100%; float: left; margin-right: -100%; position: relative; display: list-item; opacity: 0.9842915555555556;" class="flex-active-slide">
                                                <div class="info_slide">
                                                    <span class="tz_image">
                                                        <img src="/Content/Home_files/5209b58dca428tz_portfolio_1376368013_XL.jpg" alt="Right to Left Support">
                                                    </span>
                                                    <div class="sl-description">
                                                        <h3 class="tz_title_slide caption-title">
                                                            <a href="http://demo.templaza.com/j/responsive/index.php/component/tz_portfolio/article/item/10-slide-show/right-to-left-support/16">Right to Left Support</a>
                                                        </h3>

                                                        <p class="">
                                                            Integer eget dui lorem. Donec malesuada dapibus ornare. Nulla eros justo, commodo ac auctor vitae, sagittis quis ipsum. Fusce gravida, dolor at euismod vehicula, velit mauris dignissim nunc, eget vestibulum lorem mi et nisi. Nullam condimentum tellus nec nibh pellentesque aliquet.
                                   
                                                        </p>
                                                    </div>

                                                    <div class="bg-slide-overlay"></div>

                                                </div>
                                            </li>
                                            <li style="width: 100%; float: left; margin-right: -100%; position: relative; display: none;" class="">
                                                <div class="info_slide">
                                                    <span class="tz_image">
                                                        <img src="/Content/Home_files/5209b5ca1b9a6tz_portfolio_1376368074_XL.jpg" alt="8 Module Variations">
                                                    </span>
                                                    <div class="sl-description">
                                                        <h3 class="tz_title_slide caption-title">
                                                            <a href="http://demo.templaza.com/j/responsive/index.php/component/tz_portfolio/article/item/10-slide-show/8-module-variations/17">8 Module Variations</a>
                                                        </h3>

                                                        <p class="">
                                                            Integer eget dui lorem. Donec malesuada dapibus ornare. Nulla eros justo, commodo ac auctor vitae, sagittis quis ipsum. Fusce gravida, dolor at euismod vehicula, velit mauris dignissim nunc, eget vestibulum lorem mi et nisi. Nullam condimentum tellus nec nibh pellentesque aliquet.
                                   
                                                        </p>
                                                    </div>

                                                    <div class="bg-slide-overlay"></div>

                                                </div>
                                            </li>
                                            <li style="width: 100%; float: left; margin-right: -100%; position: relative; display: none;" class="">
                                                <div class="info_slide">
                                                    <span class="tz_image">
                                                        <img src="/Content/Home_files/cras-ut-venenatis-turpis-18_XL.jpg" alt="Modern and Clean">
                                                    </span>
                                                    <div class="sl-description">
                                                        <h3 class="tz_title_slide caption-title">
                                                            <a href="http://demo.templaza.com/j/responsive/index.php/component/tz_portfolio/article/item/10-slide-show/modern-and-clean/18">Modern and Clean</a>
                                                        </h3>

                                                        <p class="">
                                                            Integer eget dui lorem. Donec malesuada dapibus ornare. Nulla eros justo, commodo ac auctor vitae, sagittis quis ipsum. Fusce gravida, dolor at euismod vehicula, velit mauris dignissim nunc, eget vestibulum lorem mi et nisi. Nullam condimentum tellus nec nibh pellentesque aliquet.
                                   
                                                        </p>
                                                    </div>

                                                    <div class="bg-slide-overlay"></div>

                                                </div>
                                            </li>
                                            <li style="width: 100%; float: left; margin-right: -100%; position: relative; display: none;" class="">
                                                <div class="info_slide">
                                                    <span class="tz_image">
                                                        <img src="/Content/Home_files/nullam-tempus-interdum-19_XL.jpg" alt="Flat UI Kit">
                                                    </span>
                                                    <div class="sl-description">
                                                        <h3 class="tz_title_slide caption-title">
                                                            <a href="http://demo.templaza.com/j/responsive/index.php/component/tz_portfolio/article/item/10-slide-show/flat-ui-kit/19">Flat UI Kit</a>
                                                        </h3>

                                                        <p class="">
                                                            Integer eget dui lorem. Donec malesuada dapibus ornare. Nulla eros justo, commodo ac auctor vitae, sagittis quis ipsum. Fusce gravida, dolor at euismod vehicula, velit mauris dignissim nunc, eget vestibulum lorem mi et nisi. Nullam condimentum tellus nec nibh pellentesque aliquet.
                                   
                                                        </p>
                                                    </div>

                                                    <div class="bg-slide-overlay"></div>

                                                </div>
                                            </li>
                                            <li style="width: 100%; float: left; margin-right: -100%; position: relative; display: none;" class="">
                                                <div class="info_slide">
                                                    <span class="tz_image">
                                                        <img src="/Content/Home_files/52185ed888dc8tz_portfolio_1377328856_XL.jpg" alt="Fully Responsive Design">
                                                    </span>
                                                    <div class="sl-description">
                                                        <h3 class="tz_title_slide caption-title">
                                                            <a href="http://demo.templaza.com/j/responsive/index.php/component/tz_portfolio/article/item/10-slide-show/fully-responsive-design/43">Fully Responsive Design</a>
                                                        </h3>

                                                        <p class="">
                                                            Integer eget dui lorem. Donec malesuada dapibus ornare. Nulla eros justo, commodo ac auctor vitae, sagittis quis ipsum. Fusce gravida, dolor at euismod vehicula, velit mauris dignissim nunc, eget vestibulum lorem mi et nisi. Nullam condimentum tellus nec nibh pellentesque aliquet.
                                   
                                                        </p>
                                                    </div>

                                                    <div class="bg-slide-overlay"></div>

                                                </div>
                                            </li>

                                        </ul>

                                        <ol class="flex-control-nav flex-control-paging">
                                            <li><a class="">1</a></li>
                                            <li><a class="">2</a></li>
                                            <li><a class="flex-active">3</a></li>
                                            <li><a class="">4</a></li>
                                            <li><a class="">5</a></li>
                                            <li><a class="">6</a></li>
                                            <li><a class="">7</a></li>
                                        </ol>
                                        <ul class="flex-direction-nav">
                                            <li><a class="flex-prev" href="http://demo.templaza.com/j/responsive/#">Previous</a></li>
                                            <li><a class="flex-next" href="http://demo.templaza.com/j/responsive/#">Next</a></li>
                                        </ul>
                                    </div>

                                    <!--<div id="carousel" class="flexslider">
                                        <div class="flex-viewport" style="overflow: hidden; position: relative;">
                                            <ul class="slides" style="width: 1400%; -webkit-transition: 0s; transition: 0s; -webkit-transform: translate3d(0px, 0, 0);">
                                                <li style="width: 301px; float: left; display: block;" class="">
                                                    <img src="./Home_files/520ae1e640c22tz_portfolio_1376444902_XL.jpg" alt="">
                                                </li>
                                                <li style="width: 301px; float: left; display: block;" class="">
                                                    <img src="./Home_files/520ae220bcc70tz_portfolio_1376444960_XL.jpg" alt="">
                                                </li>
                                                <li style="width: 301px; float: left; display: block;" class="flex-active-slide">
                                                    <img src="./Home_files/5209b58dca428tz_portfolio_1376368013_XL.jpg" alt="">
                                                </li>
                                                <li style="width: 301px; float: left; display: block;" class="">
                                                    <img src="./Home_files/5209b5ca1b9a6tz_portfolio_1376368074_XL.jpg" alt="">
                                                </li>
                                                <li style="width: 301px; float: left; display: block;" class="">
                                                    <img src="./Home_files/cras-ut-venenatis-turpis-18_XL.jpg" alt="">
                                                </li>
                                                <li style="width: 301px; float: left; display: block;" class="">
                                                    <img src="./Home_files/nullam-tempus-interdum-19_XL.jpg" alt="">
                                                </li>
                                                <li style="width: 301px; float: left; display: block;" class="">
                                                    <img src="./Home_files/52185ed888dc8tz_portfolio_1377328856_XL.jpg" alt="">
                                                </li>
                                            </ul>
                                        </div>
                                        <ol class="flex-control-nav flex-control-paging">
                                            <li><a class="flex-active">1</a></li>
                                            <li><a class="">2</a></li>
                                        </ol>
                                        <ul class="flex-direction-nav">
                                            <li><a class="flex-prev flex-disabled" href="http://demo.templaza.com/j/responsive/#">Previous</a></li>
                                            <li><a class="flex-next" href="http://demo.templaza.com/j/responsive/#">Next</a></li>
                                        </ul>
                                    </div>-->
                                </div>
                            </div>
                            <script type="text/javascript">
                                jQuery(window).load(function () {
                                    jQuery('#carousel').flexslider({
                                        animation: "slide",
                                        controlNav: true,
                                        animationLoop: false,
                                        slideshow: true,
                                        itemWidth: 301,
                                        itemMargin: 0,
                                        slideshowSpeed: 3800,
                                        animationSpeed: 1500,
                                        asNavFor: '#slider'
                                    });

                                    jQuery('#slider').flexslider({
                                        animation: "fade",
                                        slideshowSpeed: 3800,
                                        animationSpeed: 3000,
                                        controlNav: true,
                                        animationLoop: true,
                                        slideshow: true,
                                        sync: "#carousel",
                                        start: function (slider) {
                                            jQuery('body').removeClass('loading');
                                        }
                                    });
                                });
                            </script>



                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>